<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
		<title>实时监管详情</title>
		<link rel="stylesheet" href="./style.css" />
	</head>
	<body>
		<!--uni SDK 一定要引入 -->
		<div id="container"></div>

		<div class="map-control" style="display: none;">
			<div class="play-btn">
				<img class="resume" src="../../../static/img/play.png" alt="播放" onclick="navgControl('resume')" />
				<img class="pause" src="../../../static/img/pause.png" alt="暂停" onclick="navgControl('pause')"
					style="display: none;" />
			</div>
			<div class="slider-box">
				<div class="slider-bg">
					<div class="slider-color"></div>
				</div>
				<div class="slider-wrapper"></div>
			</div>
			<div class="speed-select">
				<div class="map-times">倍速1</div>
				<div class="speed-list">
					<div class="list-item" onclick="setTimes(1)">倍速1</div>
					<div class="list-item" onclick="setTimes(2)">倍速2</div>
					<div class="list-item" onclick="setTimes(4)">倍速4</div>
					<div class="list-item" onclick="setTimes(8)">倍速8</div>
				</div>
			</div>
		</div>
		<div class="content"></div>
	</body>
	<script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js">
	</script>
	<script type="text/javascript"
		src="https://webapi.amap.com/maps?v=1.4.15&key=341fd8553c4916d280b8c43af794d60b&plugin=AMap.GraspRoad">
	</script>
	<script src="https://webapi.amap.com/ui/1.1/main.js?v=1.1.1"></script>
	<script type="text/javascript" src="script.js"></script>
</html>